<template>
  <a-config-provider :locale="locale">
    <router-view />
  </a-config-provider>
</template>

<script>

  import { domTitle, setDocumentTitle } from '@/util/domUtil'
  import { i18nRender } from '@/locales'
  import { WaterMark, FooterToolbar } from '@ant-design-vue/pro-layout'
  import  bootstrap from './bootstrap'
  export default {
  name: 'App',
  components: { WaterMark },
    computed: {
      locale() {
        // 只是为了切换语言时，更新标题
        const { title } = this.$route.meta
        title && (setDocumentTitle(`${i18nRender(title)} - ${domTitle}`))

        return this.$i18n.getLocaleMessage(this.$store.getters.lang).antLocale
      }
    },
    created() {
      bootstrap()
    }
}

</script>

<style>
#app {
  height: 100%;
}
.colorWeak {
  filter: invert(80%);
}

</style>
